
$(function () {
    init();
    function init() {
        getTopData()
        eventList()
        getShopListData()

    }
    function eventList() {
        dataChange('.title_merchant', '.merchant_list');
        dataChange('.title_address', '.address_list');
        dataChange('.title_price', '.price_list')


        // let uls = $('.together_title ul')
        // let divs = $('.title_info>div');
        // console.log($(uls[0]).hasClass('show'))
        // console.log($(uls[0]))
        // for (let j = 0; j < divs.length; j++) {
        //     $(uls[j]).removeClass('show');
        //     $(divs[j]).on('tap', function () {
        //         for (let i = 0; i < uls.length; i++) {
        //             if ($(uls[i]).hasClass('show')) {
        //                 $(uls[i]).removeClass('show');
        //             }
        //         }
        //     })
        // }
    }

    // 获取顶部栏数据
    function getTopData() {
        $.get('http://193.112.55.79:9090/api/getgsshop', function (res) {
            let data = res.result;
            console.log(data)

            let merchantHtml = ``;
            for (let i = 0; i < data.length; i++) {
                merchantHtml += `<li data-shopId='${data[i].shopId}'>${data[i].shopName}</li>`
            }
            $('.merchant_list').html(merchantHtml)
        })
        $.get('http://193.112.55.79:9090/api/getgsshoparea', function (res) {
            let data = res.result;
            console.log(data)
            let addressHtml = ``;
            for (let i = 0; i < data.length; i++) {
                addressHtml += `<li data-areaId='${data[i].areaId}'>${data[i].areaName}</li>`
            }
            $('.address_list').html(addressHtml)
        })

    }
    // 获取商品列表
    function getShopListData() {
        $('.merchant_list').on("tap", "li", function () {
            let shopid = $(this).attr("data-shopId")
            getshopData(shopid,areaid)
        })
        $('.address_list').on('tap', function () {
            let areaid = $(this).attr("data-areaId")
            getshopData(shopid, areaid)
        })
    }
    function getshopData(shopid, areaid) {
        $.get('http://193.112.55.79:9090/api/getgsproduct', { shopid: shopid, areaid, areaid }, function (res) {
            console.log(res)
        })
    }
    // 顶部数据点击切换

    function dataChange(obj1, obj2) {
        $(obj1).on('tap', function () {
            $(obj2).toggleClass("show");
        })
        $(obj2).on("tap", 'li', function () {
            let lis = $(obj2).find("li");
            for (let i = 0; i < lis.length; i++) {
                $(lis[i]).on('tap', function () {
                    $(obj1).text($(this).text());
                })
            }
        })
    }
})